<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>详细页</title>
		<style type="text/css">
			.datails-caous{position: relative;width: 95%;overflow: hidden;}
			.datails-caous ul li{width: 95%;float: left;}
		</style>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/datails.css"/>
	</head>
	<body>
		<div class="web">
			<!--头-->
			<header>
				<div class="back fl">Back</div>
				<div class="star fr">
					<i class="iconfont icon-xingx2"></i>
				</div>
				<div class="tittle">
					<span>
						产品详情
					</span>
				</div>
			</header>
				
			<!--主体-->
			<section>
				<div class="datails-caous">
					<ul>
						<li>
							<a href=""><img src="img/datalis/datails-banner.png" /></a>
						</li>
						<li>
							<a href=""><img src="img/datalis/datails-banner.png" /></a>
						</li>
						<li>
							<a href=""><img src="img/datalis/datails-banner.png" /></a>
						</li>
					</ul>
				</div>
				<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
				<script type="text/javascript" src="js/Marquee.js" ></script>
				<script>
				$(function(){
					
					$(".datails-caous").Marquee({
						distance:innerWidth,
						time:2,
						loop:0,
						direction:'left',
						btnGo:{
							left:'#left1',
							right:'#right1'
						}
					});
					
					
				});
				</script>
				<div class="datails-buy">
					<div class="datails-buy-num fl">&yen;32</div>
					<div class="datails-buy-text fr"><a href="">购买</a></div>
				</div>
				<div class="hotDeg clearfix">
					<div class="hotDeg-text1 fl">
						<i class="iconfont icon-xingx2"></i>
						<p>好评度<span>99%</span></p>
					</div>
					<div class="hotDeg-text2 fr">
						<a href="">共605个评价></a>
					</div>
				</div>
				<div class="fit">
					<div class="fit-tittle fl">适用商户</div>
					<div class="fit-icon fr">
						<i class="iconfont icon-right"></i>
					</div>
				</div>
				<div class="datails-shop clearfix">
					<div class="datails-shop-pic fl">
						<img src="img/datalis/details-food1.png" />
					</div>
					<div class="datails-shop-text fl">
						<ul>
							<li><h5>万岁寿司（正佳店）</h5></li>
							<li>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<span>10分</span>
							</li>
							<li><span>离你10m</span></li>
							<li><a href="">查看详情&gt;&gt;</a></li>
						</ul>
					</div>
					<div class="datails-shop-end fr">进入</div>
				</div>
				<div class="datails-shop clearfix">
					<div class="datails-shop-pic fl">
						<img src="img/datalis/details-food2.png" />
					</div>
					<div class="datails-shop-text fl">
						<ul>
							<li><h5>万岁寿司（正佳店）</h5></li>
							<li>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<span>10分</span>
							</li>
							<li><span>离你10m</span></li>
							<li><a href="">查看详情&gt;&gt;</a></li>
						</ul>
					</div>
					<div class="datails-shop-end fr">进入</div>
				</div>
				<div class="datails-shop clearfix">
					<div class="datails-shop-pic fl">
						<img src="img/datalis/details-food3.png" />
					</div>
					<div class="datails-shop-text fl">
						<ul>
							<li><h5>万岁寿司（正佳店）</h5></li>
							<li>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<i class="iconfont icon-xingx2"></i>
								<span>10分</span>
							</li>
							<li><span>离你10m</span></li>
							<li><a href="">查看详情&gt;&gt;</a></li>
						</ul>
					</div>
					<div class="datails-shop-end fr">进入</div>
				</div>
			</section>
			
			
			
			<!--尾-->
			<footer>
				<ul>
					<li class="active">
						<a href="index.html">
							<i class="iconfont icon-home"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
					</li>
					<li>
						<a href="user.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		<script type="text/javascript" src="js/fixWidth.js" ></script>
		<script type="text/javascript">
			document.body.style.height=window.innerHeight+"px";
		</script>
	</body>
</html>
